//页面加载  
$(function() {

	Search(0);
});
//查询船舶的二维吃水数据
function Search(value) {
	$.messager.progress();

	var options = {
		fontFamily : 'Roboto',
		name : '振幅',
		//backgroundColor: '#C6E2FF',
		backgroundColor : '#FFFFFF',
		title : {
			text : '纵轴方向最大振幅 ： 4.6米',
			textStyle : {
				fontWeight : 'bolder',
				fontSize : 18,
				color : 'black',
			},
			right : '0%',
			top : '0%'
		},
		dataZoom : [ {
			type : 'slider',
			start : 0, // 50
			end : 100
		// 100
		} ],

		grid : {
			left : '1%',
			right : '5%',
			bottom : '0%',
			containLabel : true
		},
		xAxis : [ {
			type : 'category',
			boundaryGap : false,
			data : [ '9：00', '10:00', '11.00', '12:00', '13:00', '14:00' ],
			axisLabel : {
				show : true,
				interval : 0,
				fontSize : 20,
				color : '#ffffff',
				fontWeight : 'bold'
			},
			axisLine : {
				show : true
			},
			axisTick : {
				show : true
			},
		} ],
		yAxis : [ {
			show : true,
			min : -6,
			max : 6,
		} ],
		series : [ {
			name : '振幅',
			type : 'line',
			smooth : true,
			symbol : 'circle',
			showSymbol : true,
			lineStyle : {
				normal : {
					color : '#79CDCD',
					width : 3,
				//type: 'dashed'
				}
			},

			label : {
				normal : {
					show : true,
					position : 'top',
					color : '#fff',
					fontSize : 24,
				},
			},
			markLine : {

				lineStyle : {
					normal : {
						color : 'red',
					},
				},
				data : [ {
					name : '姿态红色预警',
					label : {
						normal : {
							formatter : '5米警戒线',
							position : 'middle',
							fontSize : 18,
						}
					},
					yAxis : 5,
				}, {
					name : '姿态红色预警',
					label : {
						normal : {
							formatter : '5米警戒线',
							position : 'middle',
							fontSize : 18,
						}
					},
					yAxis : -5,
				} ]
			},
			data : [ 1, 3, -2, 5, -4, 1 ]
		}, ]
	};
	var chartxy = echarts.init(document.getElementById('poseXY'));
	//var chartxz = echarts.init(document.getElementById('poseXZ'));
	$.ajax({
		url : '',
		type : "POST",

		success : function(msg) {

			$.messager.progress('close');
			chartxy.setOption(options);
			//chartxz.setOption(options);
		}
	});
	window.addEventListener('resize', function() {
		chartxy.resize();
		//chartxz.resize();
	});
}
//清空查询条件
function ClearCondition() {
	$(" input[ type='text' ] ").val('');
	$("#txtEndTime").datebox("setValue", '');
}